<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>18.1.BOM-location对象 练习2：获取URL参数数据-index</title>
</head>
<!-- 数据在不同网页中传递 -->
<!-- 1.第一个登录页面，里面有提交表单，action提交到index.html中 -->
<!-- 2.第二个页面，可以使用第一个页面的参数，这样实现了一个数据不同页面之间的传递效果 -->
<!-- 3.第二个页面之所以可以使用第一个页面的数据，是利用了URL里面的location.search -->
<!-- 4.在第二个页面中，需要把这个参数提取 -->
<!-- 5.第一步先去掉? 利用substr -->
<!-- 6.第二步利用=号分割 键和值 split('=') -->

<body>
    <div></div>
    <script>
        // console.log(location.search);               // ?uname=输入的用户名
        var params = location.search.substr(1);     // 先去掉？ substr('起始位置','截取几个字符')；获得 uname=输入的用户名
        // console.log(params);                        // 获得 uname = 输入的用户名
        var arr = params.split('=')                 // 利用=把字符串分割为数组 split('=');
        // console.log(arr);                           // 获得["uname", "aaaa"]
        var div = document.querySelector('div');
        div.innerHTML = arr[1] + '欢迎您';          // 把数据写入div中
    </script>
</body>

</html>